import React, {Component} from 'react'
import {View, Text, StyleSheet,Button} from 'react-native'
import {PagerTabIndicator, IndicatorViewPager, PagerTitleIndicator, PagerDotIndicator} from 'rn-viewpager';

export default class GuidPage extends Component {
    constructor(props) {
        super(props);
    }

    _renderDotIndicator() {
        return <PagerDotIndicator pageCount={3} />;
    }

    render() {
        return (
            <View style={{flex:1}}>
                <IndicatorViewPager
                    style={{height:360}}
                    indicator={this._renderDotIndicator()}
                >
                    <View style={{backgroundColor:'cadetblue'}}>
                        <Text>page one</Text>
                    </View>
                    <View style={{backgroundColor:'cornflowerblue'}}>
                        <Text>page two</Text>
                    </View>
                    <View style={{backgroundColor:'#1AA094'}}>
                        <Text>page three</Text>
                    </View>
                </IndicatorViewPager>
                <Button
                    onPress={()=> {this.props.navigation.navigate('HomePage')}}
                    title="进入APP"
                    color="#841584"
                    accessibilityLabel="Learn more about this purple button"
                />
            </View>
        )
    }
}

const styles = StyleSheet.create({

})